<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--
        使用伪元素来表示元素中的一些特殊的位置
        首字母
            :first-letter
        首行
            :first-line

         指定元素钱：
                :before
        指定元素后：
                :after
    -->
    <style type="text/css">
        p:first-letter {
            font-size: 32px;
        }

        /*缩小浏览器可以看到效果*/
        p:first-line {
            background-color: red;
        }

        /*
            :before  表示元素最前面的内容, 一般情况下before都需要结合content这个样式来一起使用，通过content可以向before或者after的位置添加一些内容
            :after 同理

            所谓的最前边就是 p标签与内容之间的那段空间
        */

        p:before{
            content: "我就是你们理解不了的最前边，而且我不会告诉我是不会被你选中的。";
            color: greenyellow;
        }

        p:after{
            content: "，我就是你们理解不了的最后面，而且我不会告诉你我也是你们选不中的存在，啊哈哈！";
        }



    </style>
</head>
<body>
    <p>我是一个段落1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</p>
</body>
</html>